<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="style.html">
    <style>
        /* .class1{
            color: blue;
        }
        a {
            color: red;
        }
        * {
            color: red;
        }
        #id1 {
            color: green;
            font-size: 30px;
        } */
         p, a {
            color: red;
         }
        ui li {
            color: blue;

        }
        p, a {
            border: 1px solid red;
        }
        div {
            width: 200px;
            height: 200px;
        }
    </style>
</head>
<body>
    <!-- <p style="color: red;">haha</p> -->
     <!-- <style>
         p{
             color: red;
         }
     </style> -->

     <p class="class1" id="id1">haha</p>
     <p>hehe</p>
     <a href="" class="class1">haha</a>
     <ui>
         <li>haha</li>
         <li>hehe</li>
     </ui>
     <ol>
         <li>haha</li>
         <li>hehe</li>
     </ol>
     <div>haha</div>
     <span>hehe</span>
</body>
</html>